<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>宠四方</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<link  rel="stylesheet" href="resources/css/c4f.css" />
	<script src="resources/js/jquery-1.4.2.min.js" type="text/javascript"></script>
	<script src="resources/js/jquery.ui.position.min.js" type="text/javascript"></script>
	<script src="resources/js/jquery.d.imagechange.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="resources/js/jquery.flow.1.2.auto.js"></script>	
</head>
<body>
	

	
<div class="bdbox">
	<div class="innerbox">
		<div class="topp">
			<span class="uinfo"><a href="###">免费注册</a><a href="###">登录</a></span>
			<span class="cities">
				<a class="lc">切换城市:</a>
				<a href="###" class="active">北京</a>
				<a href="###" >上海</a>
				<a href="###" >深圳</a>
				<a href="###" >广州</a>
				<a href="###" >重庆</a>
				<a href="###" class="othercities" >其他城市</a>
			</span>
		</div>
		
		<div class="logobox">
			<a href="###" class="hdlogo" title="宠四方首页">logo</a>
			
			<div class="searchbox">
				<ol class="qtypes" id="qtypes">
					<li class="ctype">全部</li>
					<li>宠物</li>
					<li>宠友</li>
					<li>论坛</li>
					<li>分类</li>
					<li>服务商</li>
				</ol>
				<div class="qbox">
					<input type="text" class="txtq" placeholder="关键字" />
					<input type="button" class="btnq" value="搜索" />
				</div>
			</div>
			<script type="text/javascript">$("#qtypes >li").click(function(){$("#qtypes .ctype").removeClass("ctype");$(this).addClass("ctype");});</script>
			
			<div class="rtm">
				<a href="###">免费发布个人信息</a>
				<a href="###">免费发布个人信息</a>
			</div>
			<!--[if gt IE 6]>
			<div class="navbg"></div>
			<![endif]-->
			<div class="nav" id="nav">
				<ul>
					<li class="pngfix  nav1"><a href="###" class="navitem">首页</a></li>
					<li class="pngfix  nav2"><a href="###" class="navitem">宠物有约</a></li>
					<li class="pngfix  nav3" id="nav3">
						<a href="###"  class="navitem">论坛</a>
						<div class="navsub" id="nav3sub">
							<a href="###">宠宠有约宠宠有约</a>
							<a href="###">宠宠有约</a>
							<a href="###">宠宠有约</a>
							<a href="###">宠宠有约</a>
						</div>
					</li>
					<li class="pngfix  nav4"><a href="###"  class="navitem">咨询</a></li>
					<li class="pngfix  nav5"><a href="###"  class="navitem">分类</a></li>
					<li class="pngfix  nav6"><a href="###"  class="navitem">商户</a></li>
				</ul>
			</div>
			<script type="text/javascript">
				$("#nav li").hover(function(){
					$(".navsub",this).show("fast");
				},function(){
					$(".navsub",this).hide();
				});
			</script>
		</div>
		
		<div class="cnav">
			<span class="cnavright">
				北京分类信息 &nbsp; 共13622条信息&nbsp;
			</span>
			<span class="current">
				<a href="###">首页</a>&gt;&gt;<a href="###">服务商户</a>
			</span>
		</div>
		
		<div class="c2container clearfix">
			<div class="c2left">
				
				<div class="cclcategory">
					<div class="cclcategoryt" id="cclcategoryt">
						<a href="###" id="c-all" class="inlineblock">全部</a>
						<a href="###" id="c1" class="inlineblock active">宠物狗</a>
						<a href="###" id="c2" class="inlineblock ">宠物猫</a>
						<a href="###" id="c3" class="inlineblock ">其他小宠</a>
						<a href="###" id="c4" class="inlineblock ">宠物服务</a>
						<a href="###" id="c5" class="inlineblock ">宠物用品</a>
						<a href="###" id="c6" class="inlineblock ">其他宠物相关</a>
					</div>
					<div class="cclcdetail" id="c-all-detail">
						<a href="###">哈士奇</a>
						<a href="###">藏獒</a>
						<a href="###">泰迪熊</a>
						<a href="###">萨摩耶</a>
						<a href="###">比熊</a>
						<a href="###">金毛</a>
						<a href="###">拉布拉多</a>
						<a href="###">松狮</a>
						<a href="###">吉娃娃</a>
						<a href="###">博美犬</a>
						<a href="###">雪瑞娜</a>
						<a href="###">德国牧羊犬</a>
						<a href="###">腊肠犬</a>
						<a href="###">斗牛犬</a>
						<a href="###">京巴</a>
						<a href="###">西高地</a>
						<a href="###">约克夏</a>
						<a href="###">比格犬</a>
						<a href="###">银狐犬</a>
						<a href="###">古牧</a>
						<a href="###">柯基犬</a>
						<a href="###" class="more"><span>更多分类</span></a><div class="morecategory">
							<a href="###">京巴</a>
							<a href="###">西高地</a>
							<a href="###">约克夏</a>
							<a href="###">比格犬</a>
							<a href="###">银狐犬</a>
							<a href="###">古牧</a>
							<a href="###">柯基犬</a>
							<a href="###">柯基犬</a>
						</div>
						
					</div>
					<div class="cclcdetail" id="c1-detail">
						<a href="###">哈士奇</a>
						<a href="###">藏獒</a>
						<a href="###" class="current">泰迪熊</a>
						<a href="###">萨摩耶</a>
						<a href="###">比熊</a>
						<a href="###">金毛</a>
						<a href="###">拉布拉多</a>
						<a href="###">松狮</a>
						<a href="###">吉娃娃</a>
						<a href="###">博美犬</a>
						<a href="###">雪瑞娜</a>
						<a href="###" class="more"><span>更多分类</span></a><div class="morecategory">
							<a href="###">京巴</a>
							<a href="###">西高地</a>
							<a href="###">约克夏</a>
							<a href="###">比格犬</a>
							<a href="###">银狐犬</a>
							<a href="###">古牧</a>
							<a href="###">柯基犬</a>
							<a href="###">柯基犬</a>
						</div>
					</div>
					<div class="cclcdetail" id="c1-detail"><a href="###">哈士奇</a>
						<a href="###">藏獒</a></div>
					<div class="cclcdetail" id="c2-detail"><a href="###">萨摩耶</a>
						<a href="###">比熊</a></div>
					<div class="cclcdetail" id="c3-detail"><a href="###">萨摩耶</a>
						<a href="###">比熊</a></div>
					<div class="cclcdetail" id="c4-detail"><a href="###">萨摩耶</a>
						<a href="###">比熊</a></div>
					<div class="cclcdetail" id="c5-detail"><a href="###">萨摩耶</a>
						<a href="###">比熊</a></div>
					<div class="cclcdetail" id="c6-detail"><a href="###">萨摩耶</a>
						<a href="###">比熊</a></div>
					
					
					<script type="text/javascript">
						$(function(){
							//类别点击页签
							function applycate(){
								var curId = $("#cclcategoryt .active").attr("id");
								$(".cclcdetail").hide();
								$("#"+curId+"-detail").show();
							}
							$("#cclcategoryt a").click(function(){
								$("#cclcategoryt .active").removeClass("active");
								$(this).addClass("active");
								applycate();
							});
							applycate();
							
							//更多分类
							function hidemore(ddcn){
								$("> .temp"+ddcn,document.body).remove();
								$(document.body).unbind("click",hidemore);
							}
							$(".cclcdetail .more").click(function(e){
								var _this= this;
								var offset = $(this).offset()
								offset.top +=$(this).outerHeight();
								var cn=$(this).parents("div").attr("id");
								if($("> .temp"+cn,document.body).length==0){
									$("#"+cn+" .morecategory").clone().addClass("temp"+cn).addClass("tempcclcdetail").appendTo(document.body).css(offset).show();
									$(document.body).bind("click",function(){
										 hidemore(cn);
									});
								}else{
									hidemore(cn);
								}
								e.stopPropagation();
							});
						});
					</script>
				
					<div class="cclpricet"></div>
					<div class="cclpricec">
							<a  href="###" class="priceall">不限</a>
							<a href="###">200元以下</a>
							<a href="###">200-500元</a>
							<a href="###">500-1000元</a>
							<a href="###" class="current">1000-2000元</a>
							<a href="###">2000-5000元</a>
							<span class="pricefilter">
								<input type="text" />-
								<input type="text" />
								<input type="button" class="btnpricefilter" />
							</span>
					</div>
					<div class="cclshqt"></div>
					<div class="cclshqc" id="cclshqc">
							<a  href="###" class="shqall">全部</a>
							<a href="###">建国门外大街</a>
							<a href="###">中关村</a>
							<a href="###">朝外大街</a>
							<a href="###" class="current">王府井</a>
							<a href="###">东单</a>
							<a href="###" class="more"><span>更多生活圈</span></a><div class="morecategory">
							<a href="###">五道口</a>
							<a href="###">五道口</a>
							<a href="###">五道口</a>
							<a href="###">五道口</a>
							<a href="###">五道口</a>
							<a href="###">五道口</a>
							<a href="###">五道口</a>
							<a href="###">五道口</a>
						</div>
					</div>
					<script type="text/javascript">
						$(function(){
							
							//更多生活圈
							function hidemore(ddcn){
								$("> .temp"+ddcn,document.body).remove();
								$(document.body).unbind("click",hidemore);
							}
							$("#cclshqc .more").click(function(e){
								var _this= this;
								var offset = $(this).offset()
								offset.top +=$(this).outerHeight();
								var cn=$(this).parents("div").attr("id");
								if($("> .temp"+cn,document.body).length==0){
									$("#"+cn+" .morecategory").clone().addClass("temp"+cn).appendTo(document.body).css(offset).show();
									$(document.body).bind("click",function(){
										 hidemore(cn);
									});
								}else{
									hidemore(cn);
								}
								e.stopPropagation();
							});
						});
					</script>
				</div>
				
				<div class="wfq cclwfq">
					<a href="###" class="sortupdatetime sortasc">更新时间排序</a>
					<div class="clearfix">
						
					
					<b class="wfqitem wfqlabel">分类广告</b>
					<span  class="wfqitem wfqbox">
						<input type="text" value="" class="wfqtxt" />
						<input type="button"  class="wfqbtn"   />
					</span>
					<span class="wfqitem">
						<input type="checkbox" id="cbpic" />&nbsp;<label for="cbpic">有图片</label>
					</span>
					</div>
						
				</div>
			
				<div class="cclist" id="cclist">
					<table class="cclistitem" border="0">
						<tr>
							<td class="desc" valign="top">
								<p><a href="###" class="descbody">北京最大狗场，韩国小体泰迪犬，3月包退，可来厂挑选。</a></p>
								<p><a href="###" class="region">东城区-安定门</a><a class="haspic" href="###">[含图片]</a></p>
								</td>
							<td class="gototop" valign="top" ><span>置顶</span></td>
							<td class="einfo" valign="top"><p class="price">￥899.00</p><p class="pubtime">发表于3小时之前</p></td>
							<td class="imgc" align="center" valign="center">
								<img src="demoimages/cfdog.gif" />
							</td>
						</tr>
					</table>
					<table class="cclistitem" border="0">
						<tr>
							<td class="desc" valign="top">
								<p><a href="###" class="descbody">北京最大狗场，韩国小体泰迪犬，3月包退，可来厂挑选。</a></p>
								<p><a href="###" class="region">东城区-安定门</a><a class="haspic" href="###">[含图片]</a></p>
								</td>
							<td class="gototop" valign="top" ><span>置顶</span></td>
							<td class="einfo" valign="top"><p class="price">￥899.00</p><p class="pubtime">发表于3小时之前</p></td>
							<td class="imgc" align="center" valign="center">
								<img src="demoimages/cfdog.gif" />
							</td>
						</tr>
					</table>
					<table class="cclistitem" border="0">
						<tr>
							<td class="desc" valign="top">
								<p><a href="###" class="descbody">北京最大狗场，韩国小体泰迪犬，3月包退，可来厂挑选。</a></p>
								<p><a href="###" class="region">东城区-安定门</a><a class="haspic" href="###">[含图片]</a></p>
								</td>
							<td class="gototop" valign="top" ><span>置顶</span></td>
							<td class="einfo" valign="top"><p class="price">￥899.00</p><p class="pubtime">发表于3小时之前</p></td>
							<td class="imgc" align="center" valign="center">
								<img src="demoimages/cfdog.gif" />
							</td>
						</tr>
					</table>
					<table class="cclistitem" border="0">
						<tr>
							<td class="desc" valign="top">
								<p><a href="###" class="descbody">北京最大狗场，韩国小体泰迪犬，3月包退，可来厂挑选。</a></p>
								<p><a href="###" class="region">东城区-安定门</a><a class="haspic" href="###">[含图片]</a></p>
								</td>
							<td class="gototop" valign="top" ><span>置顶</span></td>
							<td class="einfo" valign="top"><p class="price">￥899.00</p><p class="pubtime">发表于3小时之前</p></td>
							<td class="imgc" align="center" valign="center">
								<img src="demoimages/cfdog.gif" />
							</td>
						</tr>
					</table>
					<table class="cclistitem" border="0">
						<tr>
							<td class="desc" valign="top">
								<p><a href="###" class="descbody">北京最大狗场，韩国小体泰迪犬，3月包退，可来厂挑选。</a></p>
								<p><a href="###" class="region">东城区-安定门</a><a class="haspic" href="###">[含图片]</a></p>
								</td>
							<td class="gototop" valign="top" ><span>置顶</span></td>
							<td class="einfo" valign="top"><p class="price">￥899.00</p><p class="pubtime">发表于3小时之前</p></td>
							<td class="imgc" align="center" valign="center">
								<img src="demoimages/cfdog.gif" />
							</td>
						</tr>
					</table>
					<table class="cclistitem" border="0">
						<tr>
							<td class="desc" valign="top">
								<p><a href="###" class="descbody">北京最大狗场，韩国小体泰迪犬，3月包退，可来厂挑选。</a></p>
								<p><a href="###" class="region">东城区-安定门</a><a class="haspic" href="###">[含图片]</a></p>
								</td>
							<td class="gototop" valign="top" ><span>置顶</span></td>
							<td class="einfo" valign="top"><p class="price">￥899.00</p><p class="pubtime">发表于3小时之前</p></td>
							<td class="imgc" align="center" valign="center">
								<img src="demoimages/cfdog.gif" />
							</td>
						</tr>
					</table>
					<table class="cclistitem" border="0">
						<tr>
							<td class="desc" valign="top">
								<p><a href="###" class="descbody">北京最大狗场，韩国小体泰迪犬，3月包退，可来厂挑选。</a></p>
								<p><a href="###" class="region">东城区-安定门</a><a class="haspic" href="###">[含图片]</a></p>
								</td>
							<td class="gototop" valign="top" ></td>
							<td class="einfo" valign="top"><p class="price">￥899.00</p><p class="pubtime">发表于3小时之前</p></td>
							<td class="imgc" align="center" valign="center">
								<img src="demoimages/cfdog.gif" />
							</td>
						</tr>
					</table>
					<table class="cclistitem" border="0">
						<tr>
							<td class="desc" valign="top">
								<p><a href="###" class="descbody">北京最大狗场，韩国小体泰迪犬，3月包退，可来厂挑选。</a></p>
								<p><a href="###" class="region">东城区-安定门</a><a class="haspic" href="###">[含图片]</a></p>
								</td>
							<td class="gototop" valign="top" ></td>
							<td class="einfo" valign="top"><p class="price">￥899.00</p><p class="pubtime">发表于3小时之前</p></td>
							<td class="imgc" align="center" valign="center">
								<img src="demoimages/cfdog.gif" />
							</td>
						</tr>
					</table>
					<table class="cclistitem" border="0">
						<tr>
							<td class="desc" valign="top">
								<p><a href="###" class="descbody">北京最大狗场，韩国小体泰迪犬，3月包退，可来厂挑选。</a></p>
								<p><a href="###" class="region">东城区-安定门</a><a class="haspic" href="###">[含图片]</a></p>
								</td>
							<td class="gototop" valign="top" ></td>
							<td class="einfo" valign="top"><p class="price">￥899.00</p><p class="pubtime">发表于3小时之前</p></td>
							<td class="imgc" align="center" valign="center">
								<img src="demoimages/cfdog.gif" />
							</td>
						</tr>
					</table>
					<table class="cclistitem" border="0">
						<tr>
							<td class="desc" valign="top">
								<p><a href="###" class="descbody">北京最大狗场，韩国小体泰迪犬，3月包退，可来厂挑选。</a></p>
								<p><a href="###" class="region">东城区-安定门</a><a class="haspic" href="###">[含图片]</a></p>
								</td>
							<td class="gototop" valign="top" ></td>
							<td class="einfo" valign="top"><p class="price">￥899.00</p><p class="pubtime">发表于3小时之前</p></td>
							<td class="imgc" align="center" valign="center">
								<img src="demoimages/cfdog.gif" />
							</td>
						</tr>
					</table>
					<table class="cclistitem" border="0">
						<tr>
							<td class="desc" valign="top">
								<p><a href="###" class="descbody">北京最大狗场，韩国小体泰迪犬，3月包退，可来厂挑选。</a></p>
								<p><a href="###" class="region">东城区-安定门</a><a class="haspic" href="###">[含图片]</a></p>
								</td>
							<td class="gototop" valign="top" ></td>
							<td class="einfo" valign="top"><p class="price">￥899.00</p><p class="pubtime">发表于3小时之前</p></td>
							<td class="imgc" align="center" valign="center">
								<img src="demoimages/cfdog.gif" />
							</td>
						</tr>
					</table>
				</div>
				<div class="wfpager">
					<a href="###" class="inlineblock previous">上一页</a>
					<a href="###" class="inlineblock">1</a>
					<a href="###"  class="inlineblock">2</a>
					...
					<a href="###"  class="inlineblock">97</a>
					<a href="###"  class="inlineblock">98</a>
					<a href="###" class="inlineblock next">下一页</a>
				</div>
				
			</div>
			<div class="c2right wireframeright">
				<div class="cf2rt cf2rbbst pngfix">推荐分类广告</div>
					<div class="cclad" id="cclad">
						<ul>
							<li>
								<a class="ccladimgc" href="###"><img src="demoimages/200_120.jpg"  /></a>
								<div class="desc">
								<p class="t">韩国小体泰迪犬</p>
								<hr/>
								<p>联系人：李先生</p>
								<p>固定电话：13888888888</p>
								<p>移动电话：13888888888</p>
								</div>
							</li>
							<li>
								<a class="ccladimgc" href="###"><img src="demoimages/200_120.jpg"  /></a>
								<div class="desc">
								<p class="t">韩国小体泰迪犬</p>
								<hr/>
								<p>联系人：李先生</p>
								<p>固定电话：13888888888</p>
								<p>移动电话：13888888888</p>
								</div>
							</li>
						</ul>
					</div>
					<script type="text/javascript">
						$(function(){
							$("#cclad .ccladimgc").hover(function(){
								$(this).css("opacity",0);
							},function(){
								$(this).css("opacity",1);
							});
						});
					</script>
					<div class="ccladdad"><a href="###">马上添加我的分类广告</a></div>
					
					<div class="cf2rt cf2radt">本分类帮助</div>
						<div class="cf2rc cf2radc">
							<ul>
								<li>
									<a href="###">教您如何挑选猫猫?</a>
								</li>
								<li>
									<a href="###">教您如何挑选猫猫?</a>
								</li>
								<li>
									<a href="###">教您如何挑选猫猫?</a>
								</li>
								<li>
									<a href="###">教您如何挑选猫猫?</a>
								</li>
								<li>
									<a href="###">教您如何挑选猫猫?</a>
								</li>
								<li>
									<a href="###">教您如何挑选猫猫?</a>
								</li>
								<li>
									<a href="###">教您如何挑选猫猫?</a>
								</li>
							</ul>
						</div>
					<div style="margin:5px 0px; height:100px; background-color:#ccc;">ad</div>
					<div class="cf2rt cf2radt">本周最热门分类广告</div>
						<div class="cf2rc cf2radc">
							<ul>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">1</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">2</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">3</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">4</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">5</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">6</span>
								</li>
								<li>
									<p><b>亲亲宝贝 &nbsp;宠物用品</b></p>
									<p>宠物用品-通州</p>
									<span class="num">7</span>
								</li>
							</ul>
						</div>
			</div>
		</div>
		
		
		<div class="bottomimgs">
			<a href="###" class="dog"></a>
			<a href="###" class="cat"></a>
			<a href="###" class="other"></a>
		</div>
		
		<div class="buttom">
			<a href="###">联系我们</a>
			<a href="###">关于我们</a>
			<a href="###">广告投放</a>
			<a href="###">电话咨询</a>
		</div>
		<div class="copyright">
			2011&copy;荣中广告（中国）有限公司
		</div>
		
	</div>
</div>
<!--[if IE 6]>
<script type="text/javascript" src="resources/js/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>
  DD_belatedPNG.fix('.pngfix');
</script>
<![endif]-->
</body>
</html>